草庐IT

android - SVG 到 Android 形状

全部标签

javascript - 使用 Webpack 将 SVG 附加到 DOM

目前,我的公司在我们的AngularJS网络应用程序的index.html中包含一个相当大的SVGSprite图,其中包含各种图标。主SVG由CSS隐藏,我们通过按ID选择它们来显示SVG中的各个图标:我们现在正尝试通过拆分SVG并将生成的部分内联到需要它们的页面上来减少我们网站的加载时间。由于我们也转向Webpack来捆绑我们的应用程序,我们希望在Angular模块中指定特定SVG文件的依赖项,然后让Webpack将SVG的内容(可能包装在div中)插入DOM.有没有办法用现有的装载机实现这一目标?我找到了基本上导出SVG内容的raw-loader。但是,我不知道如何将它与另一个将插

Android Studio 的 JavaScript 功能

请参阅下面的编辑。我想在AndroidStudio中为自定义JavaScript库添加代码完成和语法突出显示,这样我就可以在一个IDE中开发我的混合应用程序,而无需一直切换。问题是:AndroidStudio是基于IntelliJIDEACommunityEdition的。因此,它不支持开箱即用的JavaScript,因为这是其终极版的一项功能。到目前为止,无论是在AndroidStudio还是在IntelliJIDEACE中,我还没有找到任何插件来支持最基本的JavaScript。有没有人有适用于AndroidStudio的有效JavaScript插件(没有花哨的东西。只需要基本的代

javascript - 是xlink :href deprecated for svg <image>s?

根据MDNxlink:href,我们应该使用href而不是xlink:href,但是在svgexamplepage上(最后更新于2017年7月6日),示例中的属性是xlink:href。使用哪个属性重要吗? 最佳答案 即将推出的SVG2标准将取消对xlink:前缀的要求。一些浏览器支持该选项,但并非所有浏览器都支持。目前安全(且向后兼容)的选择是继续使用它。 关于javascript-是xlink:hrefdeprecatedforsvgs?,我们在StackOverflow上找到一个类

javascript - 传单重叠形状不透明度

下面是带有圆圈的传单(http://leafletjs.com/)map的屏幕截图。圆的不透明度为0.5,你可以清楚地看到它们重叠的地方。是否可以添加样式规则以使重叠不具有更高的不透明度?leaflet似乎不支持这一点,但我想知道css是否可以实现这样的事情?我希望能够显示红色圆圈上方的内容(即显示其下方的内容)并具有均匀的颜色。将不透明度分配给一个是不可行的。 最佳答案 AFAIK在CSS中没有办法阻止半透明形状的重叠区域将它们的颜色“添加”到彼此,无论好坏,这是预期的行为(现实生活中这种形状会发生什么也是)。不幸的是,这对您没有

javascript - 缩放和平移 svg

我正在尝试创建建筑物楼层的交互式map。我使用svgmap。我试着像这个例子一样缩放它:http://timmywil.github.io/jquery.panzoom/在此示例中,svgmap在标签中导入,并且工作正常。但是,我想在此svg上通过id引用元素,为此我必须将svg文件导入为.但是在那之后缩放不起作用((我知道Raphael和svgpan,但很难理解,我认为它们对于这个小任务来说非常重要。 最佳答案 如果你想访问你的svg元素,那么最好的方法是使用xmlHTTPRequest加载你的svg文件inline将响应文本放入

javascript - 在多个重叠的 SVG 元素上检测鼠标事件

我正在尝试检测部分重叠的SVG元素上的mousemove事件,如图所示fiddle$('rect').on('mousemove',function(){log(this.id);});现在,当将鼠标悬停在蓝色/红色交叉点上时,我想检测这两个元素上的鼠标事件,蓝色/橙色组合也是如此。正如您在日志中看到的那样,在这些情况下,当前仅针对位于顶部的蓝色框触发事件。这与指针事件有关,因为我可以让红色和橙色元素触发事件,同时通过settingtheblueelement'spointer-eventstonone悬停蓝色元素|.但是我没有得到蓝色框的事件,所以这也不是一个可行的选择。我会使用任何

javascript - SVG 作为 Div 的内联背景图像不起作用

我有一个复杂的基于Jquery-UI的对话框,我想提供一个SVG图像作为背景。我试图首先在一个简单的测试文件中使它工作,但它不起作用,尽管SVG作为独立图像工作正常。这是简化的代码:$(document).ready(function(){svg="\\";svgBase64=btoa(svg);bkgrndImg="url('data:image/svg+xml;base64,"+svgBase64+"')";$('#testDiv').css('background-image',bkgrndImg);});SomeSVGDivsvg.../svg与背景中使用的svg相同,并且可以

javascript - KonvaJS:如何用箭头连接两个形状?

我想使用Konvajs来完成以下任务:在Canvas上绘制两个矩形组。每组包含一个矩形、文本和一个圆当我用鼠标从圆圈中拖动时,它在拖动的同时绘制了一个箭头。当我将箭头放到另一个组中时,它停止绘制并将两个组边对边连接起来像这样:是否有支持形状之间连接的原生方法?谁能给我一些例子吗? 最佳答案 我已连接Konva.Circles。但是图像的逻辑也是一样的。请查找plunkrvarwidth=window.innerWidth;varheight=window.innerHeight;varstage=newKonva.Stage({co

javascript - 在 Konva JS 中拖动后获取形状的 X 和 Y

我在我的项目中使用KonvaJS。我在单击按钮时添加了一个可拖动的形状。单击形状时,我需要获得形状的X和Y位置。getX和getY函数返回原始的X和Y。如何在拖动后更新X和Y。示例代码如下。varstage=newKonva.Stage({container:'canvas',//idofcontainerwidth:500,height:300});jQuery("#add-shape").click(function(){addShape();});varaddShape=function(){console.log("addshape");varlayer=newKonva.La

javascript - 如何计算直线和任意形状的交点?

有没有一种方法可以几何计算直线和任意图形路径的交点?我知道所有直线和曲线在路径中的位置,如果有帮助的话,我正在使用HTML5canvas元素。基本上,我可以访问所有Canvas绘图命令及其参数。例如,如果调用API时先是lineTo,然后是moveTo,然后是arc,我拥有所有这些信息。对API的每次调用都存储在一个数组中。我有路径定义,我只想找出直线与路径相交的位置。下图显示了我需要查找的点的示例。感谢您的帮助!同样,如果可能的话,我宁愿从几何Angular而不是基于像素来做到这一点。 最佳答案 您可能想看看KevinLindse